<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
          xmlns:h="http://java.sun.com/jsf/html"
          xmlns:f="http://java.sun.com/jsf/core"
          xmlns:c="http://java.sun.com/jsp/jstl/core"
          xmlns:p="http://primefaces.org/ui"
      	  xmlns:ui="http://java.sun.com/jsf/facelets">
      
      <h:head>
      
      	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		
		<title>Project Manager Application</title>
		
		<h:outputStylesheet name="bootstrap.min.css" library="css" />
		<h:outputStylesheet name="css/font-awesome.css" library="font-awesome" />
		<h:outputStylesheet name="sb-admin.css" library="css" />
		
		<!--  <h:outputScript library="js" name="jquery-1.10.2.js" />
		<h:outputScript library="js" name="bootstrap.min.js" />
		<h:outputScript library="js" name="plugins/metisMenu/jquery.metisMenu.js" />
		<h:outputScript library="js" name="sb-admin.js" /> -->
      </h:head>
      
      <h:body>
      	
      	<div class="container">
        <div class="row">
            <div class="col-md-4 col-md-offset-4">
                <div class="login-panel panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">Please Sign In</h3>
                    </div>
                    <div class="panel-body">
                    	<h:form id="form">  
                    		<p:growl id="growl" showDetail="true" life="3000" />  
                    		<div class="form-group">
                    			<p:inputText id="username" 
                    				styleClass="form-control" 
                    				value="#{loginBean.username}" 
                    				/>
                    			<p:watermark for="username" value="Username" />	
                    		</div>
                    		<div class="form-group">
                    			<h:inputSecret id="password" 
                    				styleClass="form-control" 
                    				value="#{loginBean.password}"/>
                    			<p:watermark for="password" value="Password" /> 	
                    		</div>  
                			<p:commandButton id="loginButton" value="Login" update="form"   
                    			action="#{loginBean.login}"   
                    			styleClass="btn btn-lg btn-success btn-block" ajax="true" /> 
                    	</h:form>
                    </div>
                </div>
            </div>
        </div>
    </div>			
  </h:body>
</html>      